<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
</head>
<body>
	<ul class="pager ng-cloak" style="padding-bottom: 50px;">
		<li ng-repeat="page in pages"
			ng-class="{'disabled': !page.active, 'last': page.type == 'prev', 'last': page.type == 'next', 'first': page.type == 'first', 'last': page.type == 'last'}"
			ng-show="page.type == 'prev' || page.type == 'next'|| page.type == 'first'|| page.type == 'last'"
			ng-switch="page.type"><a ng-switch-when="prev"
			ng-click="params.page(page.number)" href="">上一页</a> <a
			ng-switch-when="first" ng-click="params.page(page.number)" href=""><span
				ng-bind="page.number" class="ng-binding"></span></a> <a
			ng-switch-when="last" ng-click="params.page(page.number)" href=""><span
				ng-bind="page.number" class="ng-binding"></span></a> <a
			ng-switch-when="next" ng-click="params.page(page.number)" href="">下一页</a>
		</li>
		<li ng-repeat="page in pages"
			ng-class="{'disabled': !page.active, 'last': page.type == 'prev', 'last': page.type == 'next', 'first': page.type == 'first', 'last': page.type == 'last'}"
			ng-show="page.type == 'prev' || page.type == 'next'|| page.type == 'first'|| page.type == 'last'"
			ng-switch="page.type"><span ng-switch-when="first">第</span>
			<div ng-switch-when="first" class="input-group"
				style="display: inline-flex;">
				<input type="text" class="form-control" placeholder=" "
					style="width: 50px;">
			</div> <span ng-switch-when="first">页</span>
			<div ng-switch-when="first" class="btn-group">
				<button type="button" class="btn btn-default">跳转</button>
			</div></li>
		<li>
			<div class="btn-group">
				<button type="button" ng-class="{'active':params.count() == 10}"
					ng-click="params.count(10)" class="btn btn-default">10</button>
				<button type="button" ng-class="{'active':params.count() == 25}"
					ng-click="params.count(25)" class="btn btn-default">25</button>
				<button type="button" ng-class="{'active':params.count() == 50}"
					ng-click="params.count(50)" class="btn btn-default">50</button>
				<button type="button" ng-class="{'active':params.count() == 100}"
					ng-click="params.count(100)" class="btn btn-default">100</button>
			</div>
		</li>
	</ul>
</body>
</html>